{__LINK="assets/css/common/nav.css?ver={__VER__}"__}
<div class="nav">
    <ul>
        <li>
            <div class="mainnav">
                <img src="{__RESDIM__}images/common/bg_nav.png">
                <span class="text">首页</span>
            </div>
            <div class="dialog">
                <div class="column">
                    <div class="subnav">
                        <div class="title">1对1合同</div>
                        <ul>
                            <li class="selected">
                                <span class="dot"></span>
                                <span class="text">合同管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">合同进度管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">收费管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">发票管理</span>
                            </li>
                        </ul>
                    </div>
                    <div class="subnav">
                        <div class="title">1对3合同</div>
                        <ul>
                            <li>
                                <span class="dot"></span>
                                <span class="text">合同管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">合同进度管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">收费管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">发票管理</span>
                            </li>
                        </ul>
                    </div>
                    <div class="subnav">
                        <div class="title">促销管理</div>
                        <ul>
                            <li>
                                <span class="dot"></span>
                                <span class="text">合同管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">合同审批</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">非正常退费审核</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="mainnav">
                <img src="{__RESDIM__}images/common/bg_nav.png">
                <span class="text">销售管理</span>
                <span></span>
            </div>
            <div class="dialog">
                <div class="column">
                    <div class="subnav">
                        <div class="title">1对1合同</div>
                        <ul>
                            <li>
                                <span class="dot"></span>
                                <span class="text">合同管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">合同进度管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">收费管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">发票管理</span>
                            </li>
                        </ul>
                    </div>
                    <div class="subnav">
                        <div class="title">1对3合同</div>
                        <ul>
                            <li>
                                <span class="dot"></span>
                                <span class="text">合同管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">合同进度管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">收费管理</span>
                            </li>
                            <li>
                                <span class="dot"></span>
                                <span class="text">发票管理</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="mainnav">
                <img src="{__RESDIM__}images/common/bg_nav.png">
                <span class="text">合同管理</span>
                <span></span>
            </div>
            <div class="dialog">
                    dialog_3
            </div>
        </li>
        <li>
            <div class="mainnav">
                <img src="{__RESDIM__}images/common/bg_nav.png">
                <span class="text">服务管理</span>
                <span></span>
            </div>
            <div class="dialog">
                    dialog_4
                </div>
            </li>
        </ul>
    </div>
<script>
//初始化被选中的导航标签样式
init_nav_selected()
function init_nav_selected(){
    $('.dialog').hide()
    $('.nav .mainnav img').attr('src',"{__RESDIM__}images/common/bg_nav.png")
    $('.subnav .selected').parents('.subnav').eq(0).css('background-color','#255c93')
    $('.subnav .selected').parents('li').eq(0).find('.mainnav img').attr('src',"{__RESDIM__}images/common/bg_nav_selected.png")
}
$('.nav >ul >li').mouseenter(function(){
    $(this).find("img").attr('src',"{__RESDIM__}images/common/bg_nav_selected.png")
    $(this).find('.dialog').show()
})
$('.nav >ul >li').mouseleave(function(){
    $(this).find("img").attr('src',"{__RESDIM__}images/common/bg_nav.png")
    $(this).find('.dialog').hide()
    init_nav_selected()
})
$('.subnav li').click(function(){
    $('.subnav').css('background-color','');
    $('.subnav li').removeClass()
    $(this).addClass('selected')
    init_nav_selected()
})
$('.subnav').css('height',$('.dialog').height())
</script>